*{margin: 0;
    padding:0;}
   li{list-style:none;}
   a{text-decoration:none;}
   html.body{
       height:100%;
   }
   /*------------------------------------header--------------------------------------*/
   header{
       width:100%;
       height:105px;
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       height: 103px;
       z-index: 999;
       background-color: #fff;
       border-bottom: 4px solid #ed435b;
   }
   .pdd-head{
       margin: 0 auto;
       width: 1200px;
       
       position: relative;
   }
   .ph-logo{
           float: left;
           height: auto;
           margin: 21px 0 21px 0;
           max-width: 180px;
           width: 14%;
   }
   .ph-tab{
           color: #6c6c6c;
           float: right;
           font-size: 17px;
           height: 30px;
           line-height: 30px;
           text-align: right;
           position: absolute;
           top: 50%;
           margin-top: 36px;
           right: 0;
   }
   .ph-tab li{
           cursor: pointer;
           display: inline-block;
           height: 20px;
           line-height: 20px;
           border-right: 1px solid #6c6c6c;
   }
   .ph-tab li .ph-tab-item {
           position: relative;
           display: inline-block;
           margin-right: 14px;
           margin-left: 15px;
           color:#6C6C6C;
   }
   .ph-tab li .chang{width:92px;
          height:20px;
          position: absolute;
          z-index: 2;
          text-align: center;
          line-height: 20px;
          display:none;}
   .ph-tab li .chang p{
       color: black;
       background:deeppink;
       border-bottom: 1px solid grey;
   }
   .ph-tab li:hover .chang{
       display:block;
   }
   .box .hong{
    height:50px;
    line-height: 50px;
    text-align: center;
    font-size:50px;
    padding: 50px;
    float:right;
    margin:40px 10px 0 10px;
      
       
   }
   .hong a{
       color:black!important;
   }
   //---------------------------------section----------------------------
   .box{width:1200px;
        
        background:papayawhip;
        margin:auto;
        margin-top:103px;}
    
    .shopcar_list{
       line-height: 200px;
        width:1100px;
        height:200px;
        background:white;
        margin:20px auto;
        border-radius: 20px;
        border:3px solid gainsboro;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;

    }  
    .check{
       width:20px;
       height:20px;
    }
    .img_box{
        width:150px;
        height:200px;
        margin-top:10px;

    }
    .img_box>img{
        width:65%;
        height:50%;
    }
    .img_box div{
        width:200px;
        height:50px;
        line-height: 25px;
    }
    .thumb{
     position: relative;
     top:-65px;
     box-sizing: border-box;
    
      
    }
    .shuliang{
        display:flex;
        
        
    }
    .shuliang button{
        width:50px;
        
    }
   .zongji{
       width:200px;
       height:50px;
       background:white;
       float: right;
       border-radius: 10px;
       border:1px solid gainsboro;
       line-height: 50px;
       margin-right:203px ;
   }
   .zongji div{
       width:33.3%;
       float: left;
       text-align: center;
   }
  .zongjia{
      width: 70px;
      
      box-sizing: border-box;
  }
  .me{
      width:150px;
      font-size: 50px;
      text-align: center;
  }
  .left_span{
      position: relative;
      left:50px;
  }
  .right_span{
       
      position: relative;
      right:63px;

  }
  .shanchu{
      width:100px;
      height:100px;
      border-radius: 50%;
      background-color:lightskyblue;
  }
  .jia, .jian{
    font-size: 40px;
    color:grey;
  }
  .jiage{
      font-size:15px!important;
      ;
  }